
<!-- You can start editing here. -->
{% if entry.allow_comment %}
{% if entry.comments.count%}
	<div class="commentheader">{{entry.comments.count}} Responses to &#8220;{{entry.title}}&#8221;</div>
	{% for comment in entry.comments %}
<div class="comment">
<div class="gravatarside"><img height="48px" width="48px" class="avatar avatar-48" src="{{comment.gravatar_url}}" alt=""/></div>
			<div class="commenticon"><a href="{{comment.weburl}}" target="_blank">{{comment.author}}</a> On <small class="commentmetadata"><a href="#comment-{{comment.key.id}}" title="">{{comment.date.date|datetz:"Y-m-d"}} at {{comment.date|datetz:"H:i"}}</a> </small><br/>
</div>
<div class="commenttext">{{comment.content}}</div>
</div>
{%endfor%}
{%endif%}


<div class="commentheader">Leave a Reply</div>

<form action="/post_comment" method="post" id="commentform">

{%if self.is_admin%}

<p>Logged in as Admin. <a href="{{self.logouturl}}" title="Log out of this account">Log out &raquo;</a></p>
    <input type="hidden" name="author" value="{{ blog.author }}" />
    <input type="hidden" name="email" value="{{ self.login_user.email }}" />
    <input type="hidden" name="url" value="{{blog.baseurl}}/" />
    <input type="hidden" name="checknum" id="checknum" value="{{checknum1}}+{{checknum2}}" />
    <input type="hidden" name="checkret" value="{{checknum1}}+{{checknum2}}" />


{%else%}
<p><input type="text" name="author" id="author" value="{{user_name}}" size="22" tabindex="1" />
<label for="author"><small>Name (required)</small></label></p>

<p><input type="text" name="email" id="email" value="{{user_email}}" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>

<p><input type="text" name="url" id="url" value="{{user_url}}" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>

{%ifequal blog.comment_check_type 1%}
<p id="checkarea">
<iframe src="/checkcode/"  style="width:80px;height:20px;border:0;"SCROLLING=no></iframe>
<input type="text" name="checkret" id="checkret" value="" size="5" tabindex="4" />
</p>
{%endifequal%}
{%ifequal blog.comment_check_type 2%}
<div id="checkarea" style="padding-bottom:15px">

<div style="float:left;margin-right:8px;"><label for="checkret"><small>Checkcode:</small></label>
<input type="text" name="checkret" id="checkret" value="" size="5" tabindex="4" />
</div>
<img id='checkimg' src='/checkimg/' style="border:0px;padding:0px;" title='Click to change image' onclick="reloadCheckImage();"/>
</div>
{%endifequal%}

{%endif%}

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

<p><input name="submit" type="submit"  id="submit" tabindex="5" value="Submit Comment" />
</p>
<input type="hidden" name="key" value="{{entry.key}}" />
</form>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>
    commentuser=$.cookie('comment_user');
       if (commentuser)
       {
         //[user,email,url]=commentuser.split('#@#');
         var tuple=commentuser.split('#@#');
        var user,email,url;
        user=tuple[0];
        email=tuple[1];
        url=tuple[2];
         $('#author').val(user);
         $('#email').val(email);
         $('#url').val(url);
       }

  $('#commentform').submit(function(){
         var form = this;
           if (form.author)
  		   {

      			 if (!form.author.value)
          		 {
          		  alert('Please input your name.');
          		  form.author.focus();
          		  return false;
          		 }
          		 if (!form.email.value)
          		 {
          		 	alert('Please input the email address.');
          		 	form.email.focus();
          		 	return false;
          		 }
	       }

      		 if (!form.comment.value)
      		 {
      		 	alert('Please leave some reply message.');
      		 	form.comment.focus();
      		 	return false;
      		 }

      		 return true;
  });
</script>

{% else %}
<p class="nocomments">Comments Closed</p>
{% endif %}
